<!--
HTML5. Use tags like <article>, <section>, etc.
    See: http://www.sitepoint.com/web-foundations/doctypes/
    -->
    <!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <!--
            Ask IE to behave like a modern browser
            See: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible
            -->
            <meta http-equiv="x-ua-compatible" content="ie=edge">
            <title>My Site</title>
            <!--
            Disables zooming on mobile devices.
            -->
            <meta name="viewport" content="width=device-width,initial-scale=1">
            <!--
            Stylesheet that minimizes browser differences.
            See: http://necolas.github.io/normalize.css/
            -->
            <link rel="stylesheet" href="css/normalize.css">
            <!--
            Our own stylesheet.
            -->
            <link rel="stylesheet" href="css/main.css">
            <link href='http://fonts.useso.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
        </head>
        <body>
            <div class="container">
                <header class="m-header">
                    <img class="m-header_avatar" src="img/m.png" alt="" />
                    <h1>Hi, I'm Laughing_Vzr</h1>
                </header>
                <nav class="m-nav">
                    <ul>
                        <li><a href="#">Work</a></li>
                        <li><a href="#">Experience</a></li>
                        <li><a href="#">Photos</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav>
                <section class="info-section whatido">
                    <header>
                        <h2>What I Do</h2>
                        <p class="info-section__description">I'm Teng. I design and develop things on the web. Oh, and I like curry.</p>
                    </header>
                    <ul class="whatido__skill-list">
                        <li class="whatido__skill whatido__skill--code">
                            <h3>Code</h3>
                            <p>I like building things on the web. I've built games, tools, and web apps.</p>
                        </li>
                        <li class="whatido__skill whatido__skill--design">
                            <h3>Design / UX</h3>
                            <p>I like creating happiness by making things look good and work well.</p>
                        </li>
                        <li class="whatido__skill whatido__skill--product">
                            <h3>Product</h3>
                            <p>I like taking products from idea to reality to users and beyond!</p>
                        </li>
                    </ul>
                </section>
                <section class="info-section education-experience">
                    <header>
                        <h2>Education <span>&amp;</span> Experience</h2>
                    </header>
                    <ul class="education-experience__list">
                        <li>
                            <img src="img/strikingly-logo.png" alt="Strikingly">
                            <div class="education-experience__list__description">
                                <h3>Strikingly</h3>
                                <p class="education-experience__title">Cofounder, 2012 - Present</p>
                                <p class="education-experience__description">Strikingly is a website builder that's simple, beautiful, and fun. And perfect for the age of mobile. I'm in charge of UI/UX and front-end.</p>
                            </div>
                        </li>
                    </ul>
                </section>
            </div>
        </body>
    </html>